<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>

    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="../css/scholar/analysis.css">
    <link rel="stylesheet" href="../css/plugins/iCheck/custom.css">
</head>
<body>
<div class="content" id="box" v-cloak>
    <div class="top">
        <span class="return">
            <a :href="'searchList.html?keyword='+keyword+'&cookieFlag=true'">
            <i class="fa fa-reply" aria-hidden="true"></i></a>
        </span>
        <!--<span class="analysis-logo">NexMagic scholar</span>-->
        <span class="analysis-logo"><img src="../img/scholar/logo1.png" style="height:25px;margin-bottom:15px;"/></span>
    </div>
    <div class="content-all">
        <div class="content-menu">
            <ul>
                <li class="menu-li checked"><a :href="'analysis.html?version='+ timestamp_"><i
                        class="fa fa-home"></i><span>Home</span></a></li>
                <li class="menu-li"><a :href="'learning.html?version='+ timestamp_"><i class="fa fa-book"></i><span>Academics</span></a>
                </li>
                <li class="menu-li"><a :href="'wisdomAtlas.html?version='+ timestamp_"><i
                        class="fa fa-asterisk"></i><span>Graph</span></a></li>
                <li class="menu-li"><a :href="'discovery.html?version='+ timestamp_"><i class="fa fa-compass"></i><span>Find</span></a>
                </li>
            </ul>
        </div>
        <div class="row ">
            <div class="content-right">
                <div class="col-md-2 userinfo">
                    <div>
                        <img class="userinfo-head" onerror="nofind(this)"
                             :src="(expert.img != undefined && expert.img != '' && expert.img != null)?(resourceUrl + expert.img):'../img/scholar/head/common-head.png'">
                        <span class="userinfo-span realname"
                              style="width: 100%;margin: 0;padding: 0">{{expert.name}}</span>
                        <!--<span class="userinfo-span"><i class="fa fa-briefcase"></i> {{expert.position != undefined ? expert.position : ''}}</span>
                        --><span class="userinfo-span"><i class="fa fa-map-marker"></i> {{expert.country != undefined ? expert.country : ''}}</span>
                        <span class="userinfo-span"><i class="fa fa-home"></i> {{expert.authorsOrg}}</span>
                        <div class="skill-div">
                            <span class="skill-item" v-for="item in expert.foSets">{{item}}</span>
                        </div>
                        <div class="userinfo-table">
                            <table>
                                <tr>
                                    <td>N-index:</td>
                                    <td>{{expert.nIndex.toFixed(2)}}</td>
                                    <td><img id="nIndex-img" height="9" width="14"/></td>
                                </tr>
                                <tr>
                                    <td>A-index:</td>
                                    <td>{{expert.aIndex.toFixed(2)}}</td>
                                    <td><img id="aIndex-img" height="9" width="14"/></td>
                                </tr>
                                <tr>
                                    <td>I-index:</td>
                                    <td>{{expert.iIndex.toFixed(2)}}</td>
                                    <td><img id="iIndex-img" height="9" width="14"/></td>
                                </tr>
                                <tr>
                                    <td>P-index:</td>
                                    <td>{{expert.pIndex.toFixed(2)}}</td>
                                    <td><img id="pIndex-img" height="9" width="14"/></td>
                                </tr>
                                <tr>
                                    <td>#Publications:</td>
                                    <td>{{raderData[4]}}</td>
                                </tr>
                                <tr>
                                    <td>#Citation:</td>
                                    <td>{{expert.citations}}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="userinfo-percent">
                            <span class="img-span"><img src="../img/scholar/learning.png" height="25"
                                                        width="31"/></span>
                            <span class="percent-span">{{percent[0]}}%</span>
                            <span class="percent-name"> Journal</span>
                        </div>
                        <div class="userinfo-percent">
                            <span class="img-span"><img src="../img/scholar/meeting.png" height="27" width="31"/></span>
                            <span class="percent-span">{{percent[1]}}%</span>
                            <span class="percent-name">Conference</span>
                        </div>
                        <div class="userinfo-percent">
                            <span class="img-span"><img src="../img/scholar/patent.png" height="31" width="22"/></span>
                            <span class="percent-span">{{percent[2]}}%</span>
                            <span class="percent-name">Book</span>
                        </div>
                        <div class="userinfo-percent">
                            <span class="img-span"><img src="../img/scholar/other.png" height="26" width="26"/></span>
                            <span class="percent-span">{{percent[3]}}%</span>
                            <span class="percent-name">Patent</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-10 content-margin">
                    <div class="content-chart">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="chart-row">
                                    <div class="index-analysis">
                                        Analysis of expert index
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div id="lineChart" style="height: 320px;padding-top:20px;"></div>
                                        </div>
                                        <div class="col-md-2 progress-item">
                                            <label class="index-num">{{indexValue[0]}}</label>
                                            <label class="index-name">Academic-index</label>
                                            <span>h-index</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[1]/10+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[1]}}</span>
                                                </div>
                                            </div>
                                            <span>g-index</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[2]/10+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[2]}}</span>
                                                </div>
                                            </div>
                                            <span>#Papers</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[3]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[3]}}</span>
                                                </div>
                                            </div>
                                            <span>#Citation</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[4]/1000+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[4]}}</span>
                                                </div>
                                            </div>
                                            <span>#Books</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[5]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[5]}}</span>
                                                </div>
                                            </div>
                                            <span>Scholar Cooperation Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[6]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[6]}}</span>
                                                </div>
                                            </div>
                                            <span>Institution Cooperation Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[7]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[7]}}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 progress-item">
                                            <label class="index-num">{{indexValue[8]}}</label>
                                            <label class="index-name">Industrial-index</label>
                                            <span>#Scientific Achievements</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[9]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[9]}}</span>
                                                </div>
                                            </div>
                                            <span>#Achievement Citation</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[10]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[10]}}</span>
                                                </div>
                                            </div>
                                            <span>Technology Value Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[11]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[11]}}</span>
                                                </div>
                                            </div>
                                            <span>Technology Characteristic Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[12]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[12]}}</span>
                                                </div>
                                            </div>
                                            <span>Interdisciplinary Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[13]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[13]}}</span>
                                                </div>
                                            </div>
                                            <span>Enterprise Cooperation Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[14]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[14]}}</span>
                                                </div>
                                            </div>
                                            <span>Enterprise Cooperation Value</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:indexValue[15]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[15]}}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 progress-item">
                                            <label class="index-num">{{indexValue[16]}}</label>
                                            <label class="index-name">Public-index</label>
                                            <span>News Mentions</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:expert.nnum/10 +'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[17]}}</span>
                                                </div>
                                            </div>
                                            <span>News Influence</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:expert.nInfluence/10 +'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[20]}}</span>
                                                </div>
                                            </div>
                                            <span>News PageRank</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:expert.nPageRank/10 +'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[21]}}</span>
                                                </div>
                                            </div>
                                            <span>Social Media Mentions</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:expert.snum/2.3 + '%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[18]}}</span>
                                                </div>
                                            </div>
                                            <span>Social Media Influence</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             style="width:0 ">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">0</span>
                                                </div>
                                            </div>
                                            <span>Social Media Engagement</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             style="width:0 ">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">0</span>
                                                </div>
                                            </div>
                                            <span>Sentiment Degree</span>
                                            <div class="row">
                                                <div class="col-md-8" style="padding-right:0px">
                                                    <div class="progress margin-bottom">
                                                        <div class="progress-bar progress-bar-success"
                                                             role="progressbar"
                                                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                             v-bind:style="{width:(expert.nnum == 0 && expert.snum == 0) ? 0 : indexValue[19]+'%' }">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="span-num">{{indexValue[19]}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                                <div class="chart-row-left">
                                    <div class="index-analysis">
                                        Analysis of research interests
                                    </div>
                                    <div id="themeRiver"
                                         style="height: 270px;padding: 10px 20px; margin-bottom: 15px"></div>
                                    <div class="interest">
                                        <div class="interest-title">
                                            <span class="interest-name">Expert rankings in the field</span>
                                            <!--<span class="more" v-on:click="clickMore()">more</span>-->
                                        </div>
                                        <div class="interest-item" v-for="(item,index) in expertList">
                                            <span v-on:click="queryForSetStorage(item.id)">{{index+1}}.{{item.name}}</span>
                                            <!--<span>{{item.paperCount}}</span>-->
                                        </div>
                                        <div class="learn-loading" id="load1">
                                            <div class="sk-spinner sk-spinner-three-bounce loading-box">
                                                <div class="sk-bounce1"></div>
                                                <div class="sk-bounce2"></div>
                                                <div class="sk-bounce3"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="chart-row-right">
                                    <div class="index-analysis">
                                        Expert abilities
                                    </div>
                                    <div class="row padding">
                                        <div class="col-md-5">
                                            <div id="radarChart" style="height: 270px;"></div>
                                        </div>
                                        <div class="col-md-7">
                                            <div id="colorChart" style="height: 270px;padding:10px 0px"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="innovation" style="margin-right: 0px">
                                            <div class="index-analysis">
                                                Analysis of expert innovation
                                            </div>
                                            <div id="treeChart" style="height: 235px;padding: 0px 20px 20px 20px"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="innovation">
                                            <div class="index-analysis">
                                                Relevant research experts
                                            </div>
                                            <div class="feed-activity-list">
                                                <div class="feed-element" v-for="(item,index) in expertRelation"
                                                     style="height: 28px;border-bottom: 0;line-height: 28px"
                                                     v-if="index < 5">
                                                    <span class="pull-left">
                                                        <img :src="item.img == undefined ? '../img/scholar/head/user-head.png' : resourceUrl + item.img"
                                                             style="height: 28px"/>
                                                    </span>
                                                    <div class="media-body media-news">
                                                        <span class="text-muted"
                                                              v-on:click="queryForSetStorage(item.eId)">{{item.ename}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="relevant-loading" id="load2">
                                                <div class="sk-spinner sk-spinner-three-bounce loading-box">
                                                    <div class="sk-bounce1"></div>
                                                    <div class="sk-bounce2"></div>
                                                    <div class="sk-bounce3"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <span class="bottom-left">中译语通科技股份有限公司&nbsp;&nbsp;&nbsp;&nbsp;版权所有</span>
            <span class="bottom-right">Copyright © 2018-京ICP备13002826号-9</span>
        </div>
    </div>
    <div id="layer" style="display: none">
        <!--<ul class="paperUrlArray">
            <li v-for="item in paperUrls">
                <a :href="item" target="view_window">{{item}}</a>
            </li>
        </ul>-->
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/polyfill.min.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="../js/echarts/echarts.min.js"></script>
    <script src="../js/plugins/treeview/bootstrap-treeview.js"></script>
    <script src="../js/plugins/iCheck/icheck.min.js"></script>
    <script src="../js/content.js"></script>
    <script src="../js/gAjax.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script>
    	
    	/**
    	* 排名锁
    	*/
    	var ranklock = 0;
    
        window.onscroll = function () {
            if ($(window).scrollTop() > 0) {
                if (!$(".header").hasClass("s_down")) {
                    $(".header").addClass("s_down");
                }
            } else {
                $(".header").removeClass("s_down");
            }
        }
        var mycharts2 = {};
        var mycharts = {};
        var KingVue = new Vue({
            el: '#box',
            data: {
                resourceUrl: "",
                expert: {},
                keyword: "",
                zh_keyword: "",
                raderData: [],
                publication: 0,
                aIndexData: [],
                expertRelation: {},
                indexValue: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ,0 ,0],
                timestamp_: new Date().getTime(),
                expertList: [],
                percent:[],
				qo: {}
            },
            created: function () {

                var _this = this;
                // 判断专家信息来源，地址参数附带ID优先
                var scholarId = getUrlParam("scholarId");
                if (scholarId == undefined || scholarId.length <= 0) {
                    scholarId = getStorage("scholarId");
                }

                $.ajax({
                    url: gAjax.httpUrl + "expert/getExpertDetail",
                    data: {id: scholarId},
                    dataType: "json",
                    async: false,
                    method: "post",
                    headers: {
                        'content-type': 'application/x-www-form-urlencoded',
                        'Authorization': getLoginToken()
                    },
                    success: function (res) {

                        if (10000 == res.code) {
                            var result = res.data;
                            _this.expert = result;
                            setStorage("scholarId", _this.expert.id);
                        }
                    }
                });
            },
            mounted: function () {
                $(".interest-item").hide();
                $(".feed-activity-list").hide();
                $("#load1").show();
                $("#load2").show();
                var _this = this;
                _this.resourceUrl = gAjax.resourceUrl;
                _this.keyword = getStorage("scholar_searchKeyword");
                _this.zh_keyword = encodeURI(_this.keyword);

                mycharts2 = echarts.init(document.getElementById("themeRiver"));
                mycharts = echarts.init(document.getElementById("lineChart"));
            },
            watch: {
                expert: function (curVal, oldVal) {
                    var _this = this;
                    _this.expert.foSets = _this.expert.foSets.slice(0, 5);

                    /*查专家详细信息*/
                    _this.queryExpertRelation();
                    _this.queryFieldDateByExpertId();
                    _this.queryExpertInfoByYear();
                    _this.queryIndexValueAndRander();
                    _this.queryTreeChart();
                    _this.queryExpertRankings(_this.expert.foSets.join(","), 0,"cl0");
                }
            },
            methods: {
                queryForSetStorage: function (scholarId) {
                    var _this = this;
                    gAjax.requestNoAsync("expert/getExpertDetail", {id: scholarId},false).then(function (result) {
                        _this.expert = result;
                        setStorage("scholarId", _this.expert.id);
                    });
                },
                queryExpertRelation: function () {
                    var _this = this;
                    var foses = _this.expert.foSets.join(",");
                    gAjax.requestNoAsync("expert/getRelateExpert1", {
                        id: _this.expert.id//,
                        //foses: foses
                    }).then(function (result) {
                        _this.expertRelation = result;
                        /* var data = [];
                        for (var key in result) {
                            var expert_l = result[key];
                            for (var i in expert_l) {
                                data.push({
                                    id: expert_l[i].id,
                                    name: expert_l[i].name
                                });
                            }
                        }
                        _this.expertRelation = result;
                        console.log(_this.expertRelation); */
                        $("#load2").hide();
                        $(".feed-activity-list").show();
                    });
                },

                queryFieldDateByExpertId: function () {
                    var _this = this;

                    gAjax.request("neo4j/paper/statisticsPaperByExpertPos", {
                        id: _this.expert.id,
                        fos: _this.expert.foSets
                    }).then(function (result) {
                        var foSetsData = [];
                        if (_this.expert.foSets != undefined && _this.expert.foSets.length > 0) {
                            var maxYear = (new Date()).getFullYear();
                            var minYear = 0;

                            for(var i = 0; i < result.length; i++){
                                if(i == 0){
                                    minYear = result[i].year;
                                }else if(minYear > result[i].year){
                                    minYear = result[i].year;
                                }
                            }

                            if(minYear == 0){
                                minYear = maxYear;
                            }

                            for (var i = 0; i < KingVue.expert.foSets.length; i++) {
                                for (var j = minYear; j <= maxYear; j++) {
                                    //data.push("['"+(1998+j)+"',"+parseInt(Math.random()*100)+",'"+KingVue.expert.foSets[i]+"']");
                                    var item = [];
                                    item.push(j.toString());
                                    item.push(0);

                                    for (var z = 0; z < result.length; z++) {
                                        if (j == result[z].year && _this.expert.foSets[i].toLowerCase() == result[z].fosName.toLowerCase()) {
                                            item[1] = result[z].pnum;
                                            break;
                                        }
                                    }

                                    item.push(_this.expert.foSets[i]);
                                    //console.log(_this.expert.foSets[i])
                                    foSetsData.push(item);
                                }
                            }
                        }

                        //console.log(JSON.stringify(foSetsData));
                        var option2 = {
                            legend: {
                                data: KingVue.expert.foSets,
                                x: 'left',
                                textStyle: {
                                    fontSize: 8
                                },
                                itemWidth: 8,
                                itemHeight: 8,
                                itemGap: 1
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'line',
                                    lineStyle: {
                                        color: 'rgba(0,0,0,0.2)',
                                        width: 1,
                                        type: 'solid'
                                    },
                                    label: {
                                        formatter: function (value) {
                                        	return parseInt(value.value);
                                        }
                                    }
                                }
                            },
                            singleAxis: {
                                top: 40,
                                bottom: 50,
                                axisTick: {},
                                axisLabel: {
                                    formatter: function (value) {
                                        return parseInt(value);
                                    }
                                },
                                type:"value",
                                min:minYear, 
                                max:maxYear,
                                axisPointer: {
                                    animation: true,
                                    label: {
                                        show: true
                                    }
                                },
                                splitLine: {
                                    show: true,
                                    lineStyle: {
                                        type: 'dashed',
                                        opacity: 0.2
                                    }
                                },
                                scale:true 
                            },
                            singleAxisIndex:minYear,

                            dataZoom: [{
                                type: 'inside',
                                start: 0,
                                end: 100
                            }, {
                            	height: 12,
                                bottom:1,
                                left: 50,
                                right: 50,
                                start: 0,
                                end: 100,
                                labelFormatter: function (value, index) {
                                    return parseInt(value);
                                },
                                handleIcon: 'M0,0 v9.7h5 v-9.7h-5 Z',
                                handleSize: '120%',
                                handleStyle: {
                                    shadowBlur: 3,
                                    fontSize: 0,
                                    color:"#294b97",
                                    cursor:"pointer"
                                }
                            }],

                            series: [
                                {
                                    type: 'themeRiver',
                                    itemStyle: {
                                        emphasis: {
                                            shadowBlur: 20,
                                            shadowColor: 'rgba(0, 0, 0, 0.8)'
                                        },
                                    },
                                    label: {
                                        normal: {
                                            show: false
                                        }
                                    },
                                    data: foSetsData
                                }
                            ]
                            // ,color:['#69b4bd','#4998a2','#f7d0a6','#f2a865','#5499c9', '#44779b']
                        };
                        mycharts2.setOption(option2);
                    });
                },

                queryExpertInfoByYear: function () {
                    var _this = this;
                    gAjax.requestNoAsync("expert/queryNindex", {
                        fId: _this.expert.fId,
                        hIndex: _this.expert.hIndex == undefined ? 0 : _this.expert.hIndex,
                        citations: _this.expert.citations == undefined ? 0 : _this.expert.citations,
                        eqWork4Data: _this.expert.eqWork4Data!= undefined ? _this.expert.eqWork4Data:0,
                        efpData: _this.expert.efpData!= undefined ? _this.expert.efpData : 0,
                        eqWorkData:_this.expert.eqWorkData!= undefined ? _this.expert.eqWorkData : 0
                    }).then(function (result) {
                        var data = ["Journal", "Conference", "book", "Patent"];
						var minYear = result.minYear;
						var maxYear = result.maxYear;
                        var mycharts9 = echarts.init(document.getElementById("colorChart"));
						
                        var hdate=new Date;
                        var hyear=hdate.getFullYear(); 
                        
                        if(!minYear) {
                        	minYear = hyear;
                        }
                        
                        if(!maxYear) {
                        	maxYear = hyear;
                        }
                        
                        if(minYear > maxYear) {
                        	minYear = maxYear;
                        }
                        
                        option9 = {

                           legend: {
                                data: data,
                                x: 'left',
                                textStyle: {
                                    fontSize: 8
                                },
                                itemWidth: 8,
                                itemHeight: 8,
                                itemGap: 1
                            }, 
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'line',
                                    lineStyle: {
                                        color: 'rgba(0,0,0,0.2)',
                                        width: 1,
                                        type: 'solid'
                                    },
                                    label: {
                                        formatter: function (value) {
                                        	return parseInt(value.value);
                                        }
                                    }
                                }
                            },
                            singleAxis: {
                                top: 40,
                                bottom: 50,
                                axisTick: {},
                                axisLabel: {
                                    formatter: function (value) {
                                        return parseInt(value);
                                    }
                                },
                                type:"value",
                                min:minYear, 
                                max:maxYear,
                                axisPointer: {
                                    animation: true,
                                    label: {
                                        show: true
                                    }
                                },
                                splitLine: {
                                    show: true,
                                    lineStyle: {
                                        type: 'dashed',
                                        opacity: 0.2
                                    }
                                },
                                scale:true 
                            },
                            
                            singleAxisIndex:minYear,
                            
                            dataZoom: [{
                                type: 'inside',
                                start: 0,
                                end: 100
                            }, {
                                height: 12,
                                bottom:1,
                                left: 50,
                                right: 50,
                                start: 0,
                                end: 100,
                                labelFormatter: function (value, index) {
                                    return parseInt(value);
                                },
                                handleIcon: 'M0,0 v9.7h5 v-9.7h-5 Z',
                                handleSize: '120%',
                                handleStyle: {
                                    shadowBlur: 3,
                                    fontSize: 0,
                                    color:"#294b97",
                                    cursor:"pointer"
                                }
                            }],

                            series: [
                                {
                                    type: 'themeRiver',
                                    itemStyle: {
                                        emphasis: {
                                            shadowBlur: 20,
                                            shadowColor: 'rgba(0, 0, 0, 0.8)'
                                        },
                                    },
                                    label: {
                                        normal: {
                                            show: false
                                        }
                                    },
                                    data:JSON.parse(result.numforYear)
                                }
                            ]
                            // ,color:['#69b4bd','#4998a2','#f7d0a6','#f2a865','#5499c9', '#44779b']
                        };
                        mycharts9.setOption(option9);

                        var data = JSON.parse(result.nIndexforYear);
                        option = {
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'cross',
                                    label: {
                                        backgroundColor: 'red'//'#6a7985'
                                    }
                                }
                            },
                            legend: {
                                data: ['Annual N-Index', 'Total N-Index'],
                                selected: {
                                    'Annual N-Index': true
                                }/* ,
                                x: 'left',
                                textStyle: {
                                    fontSize: 8
                                },
                                itemWidth: 8,
                                itemHeight: 8,
                                itemGap: 1 */
                            },
                            grid: {
                                // left: '3%',
                                // right: '4%',
                                // bottom: '0%',
                                top: "40px",
                                left: '20px',
                                right: '30px',
                                bottom: '20px',

                                containLabel: true
                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                triggerEvent: true,
                                axisLabel: {
                                    interval: Math.round((data.lineYear[data.lineYear.length - 1] - data.lineYear[0]) / 12),
                                    //rotate:0,
                                    // formatter: function (value) {
                                    //     console.log("formatter:" + value)
                                    //     return '{value|' + value + '}';
                                    // },
                                    // rich: {
                                    //     value: {
                                    //         color: 'red'
                                    //     }
                                    // },
                                    clickable: true
                                },
                                data: data.lineYear
                            },
                            yAxis: {
                                type: 'value'
                            },


                            dataZoom: [{
                                type: 'inside',
                                start: 0,
                                end: 100
                            }, {
                                height: 12,
                                bottom:1,
                                left: 50,
                                right: 50,
                                start: 0,
                                end: 100,
                                handleIcon: 'M0,0 v9.7h5 v-9.7h-5 Z',
                                handleSize: '120%',
                                handleStyle: {
                                    //color: '#fff',
                                    shadowBlur: 3,
                                    //shadowColor: 'rgba(0, 0, 0, 0.6)',
                                    //shadowOffsetX: 2,
                                    //shadowOffsetY: 2,
                                    fontSize: 0,
                                    color:"#294b97",
                                    cursor:"pointer"
                                    //borderColor:"#5476c2"
                                },
                                backgroundColor:"#f7f7f7", /*背景 */
                                dataBackground:{ /*数据背景*/
	                                lineStyle:{
	                                color:"#dfdfdf"
	                                },
	                                areaStyle:{
	                                color:"#dfdfdf"
	                                }
                                }
                            }],
                            series: [{
                                name: 'Annual N-Index',
                                data: data.lineData,
                                type: 'line',
                                smooth: true,
                                color: '#69b4bd',
                                areaStyle: {
                                    color: {
                                        type: 'linear',
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        colorStops: [{
                                            offset: 0, color: '#69b4bd' // 0% 处的颜色
                                        }, {
                                            offset: 1, color: '#ffffff' // 100% 处的颜色
                                        }],
                                        globalCoord: false // 缺省为 false
                                    }
                                }
                            }, {
                                name: 'Total N-Index',
                                data: data.sumArrays,
                                type: 'line',
                                smooth: true,
                                color: '#d991a1',
                                areaStyle: {
                                    color: {
                                        type: 'linear',
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        colorStops: [{
                                            offset: 0, color: '#69b4bd' // 0% 处的颜色
                                        }, {
                                            offset: 1, color: '#ffffff' // 100% 处的颜色
                                        }],
                                        globalCoord: false // 缺省为 false
                                    }
                                }
                            }]
                        };
                        console.log(data.lineData);
                        console.log(data.sumArrays);
                        mycharts.setOption(option);

                        var trend = JSON.parse(result.indexTrend);
                        console.log(trend);

                        _this.trendValue(trend[0],"nIndex-img");
                        _this.trendValue(trend[1],"aIndex-img");
                        _this.trendValue(trend[2],"pIndex-img");
                        _this.trendValue(trend[3],"iIndex-img");

                    });
                },
				/**
				* nindex按年统计结束
				*/
                trendValue: function (value,indexName) {
                    if(value == 0){
                        $("#"+indexName).attr("src", "../img/scholar/stable.png");
                    }else if(value == 1){
                        $("#"+indexName).attr("src", "../img/scholar/up.png");
                    }else if(value == -1){
                        $("#"+indexName).attr("src", "../img/scholar/down.png");
                    }
                },

                clickMore: function () {
                    // layer.open({
                    //     type: 1,
                    //     shade: [0.7, '#393D49'],
                    //     area: ['600px', '400px'], //宽高
                    //     title: "Expert rankings in the field", //不显示标题
                    //     content: $('#layer'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                    //     cancel: function(){
                    //         //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
                    //     }
                    // });
                },

                queryExpertRankings: function (foses, ranklock_,cl) {
                    var _this = this;
                    var rl_ = ranklock_;

                   	gAjax.request("expert/expertFosQz", {
                           foses: foses
                       }).then(function (result) {
                   	   console.log("rl_ : ranklock_" + rl_ +" : " +(ranklock) + " ; " +cl);
                       if(rl_ >= ranklock) {
                      	 _this.expertList = result;
                       }
                       $("#load1").hide();
                       $(".interest-item").show();
                    });
                    
                },

                queryIndexValueAndRander: function(){
                    var _this = this;
                    gAjax.request("expert/queryIndexValueAndRander", {
                        id: _this.expert.id
                    }).then(function (result) {
                        _this.indexValue = result.indexValue;
                        _this.raderData = result.raderData;
                        _this.percent = result.percent;
						
						_this.qo.pageNo = 1;
                        _this.qo.realName = _this.expert.name;
                        _this.qo.institution = _this.expert.authorsOrg;

                        _this.queryNewsByExpertId(_this.qo)
                        _this.querySocialsByExpertId(_this.qo);
						
                        console.log(result);
                        radarChart();
                    });
                },

                queryTreeChart: function(){
                    var _this = this;
                    gAjax.request("expert/queryCindex", {
                        fId: _this.expert.fId
                    }).then(function (result) {
                        console.log(result);
                        if(result == null){
                            var nowYear = (new Date()).getFullYear();
                            var lineYear = new Array();
                            var lineData = new Array();
                            for(var i = nowYear-10;i<=nowYear;i++){
                                lineData.push(0);
                                lineYear.push(i);
                            }

                            treeChart(lineYear,lineData);
                        }else{
                            treeChart(JSON.parse(result).lineYear,JSON.parse(result).lineData);
                        }

                    });
                },
				
				queryNewsByExpertId: function (pageNo) {/*专家的新闻*/
                    var _this = this;
                    gAjax.requestNoAsync("yeesight/news/query/page", _this.qo).then(function (result) {
                        if (result != null && result.returnCode != 0) {
                            KingVue.indexValue.splice(17, 1, result.returndata.resultCount);
                        }else{
                            KingVue.indexValue.splice(17, 1, 0);
                        }
                    });
                },
                querySocialsByExpertId: function (qo) {/*专家的社交媒体*/
                    var _this = this;
                    gAjax.requestNoAsync("yeesight/social/query/page",qo).then(function (result) {
                        console.log(result);
                        if (result != null && result.returnCode != 0) {
                            KingVue.indexValue.splice(18, 1, result.returndata.resultCount);
                        }else{
                            KingVue.indexValue.splice(18, 1, 0);
                        }
                    });
                },
            }
        });

        mycharts2.on('legendselectchanged', function (params) {
            var foSetArray = KingVue.expert.foSets;
            var array = new Array();
            if (foSetArray.length > 0) {
                for (var i = 0; i < foSetArray.length; i++) {
                    var foset = foSetArray[i];
                    if (params.selected[foset]) {
                        array.push(foset);
                    }
                }

                if (array.length == 1) {
                	$("#load1").show();
                    $(".interest-item").hide();
                    /* var rl_ = ranklock++;
                    console.log("rl_:" + rl_); */
                    KingVue.queryExpertRankings(array.join(","),++ranklock,"cl1");
                } else if (array.length > 1) {
                	$("#load1").show();
                    $(".interest-item").hide();
                    /* var rl_ = ;
                    console.log("rl_:" + rl_); */
                    KingVue.queryExpertRankings(array.join(","), ++ranklock,"cl1");
                } else {
                    KingVue.expertList = [];
                }

            }
        });

        //lineChart

        // mycharts.on('click', function (params) {
        //     if (params.name > 0) {
        //         KingVue.indexValue.splice(3, 1, JournalArray[parseInt(params.name) - minYear] + ConferenceArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(5, 1, bookArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(0, 1, aIndexArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(8, 1, iIndexArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(9, 1, patentArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(10, 1, patentCitArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(16, 1, pIndexArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(17, 1, newsArray[parseInt(params.name) - minYear]);
        //         KingVue.indexValue.splice(18, 1, socialArray[parseInt(params.name) - minYear]);
        //         if (newsArray[parseInt(params.name) - minYear] <= 0 && socialArray[parseInt(params.name) - minYear] <= 0) {
        //             KingVue.indexValue.splice(19, 1, 0);
        //         }
        //     }
        // });


        function radarChart() {
            var mycharts3 = echarts.init(document.getElementById("radarChart"));
            option3 = {
                radar: [
                    {
                        indicator: [
                            {text: 'N-index',max:100},
                            {text: 'A-index',max:100},
                            {text: 'I-index',max:100},
                            {text: 'P-index',max:100},
                            {text: '#Publications',max:4307},
                            {text: '#Citation',max:851671}
                        ],
                        center: ['50%', '50%'],
                        radius: 50,
                        startAngle: 90,
                        splitNumber: 4,
                        name: {
                            formatter: '{value}',
                            textStyle: {
                                color: '#69b4bd',
                                fontSize: 9
                            }
                        },
                        splitArea: {
                            areaStyle: {
                                color: ['rgba(255, 255, 255, 1)',
                                    'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)',
                                    'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
                                shadowColor: 'rgba(230, 242, 244, Uint16Array)',
                                shadowBlur: 10
                            }
                        },
                        axisLine: {
                            lineStyle: {
                                color: '#81849a'
                            }
                        },
                        splitLine: {
                            lineStyle: {
                                color: '#81849a'
                            }
                        }
                    }
                ],
                series: [
                    {
                        name: '雷达图',
                        type: 'radar',
                        itemStyle: {
                            emphasis: {
                                // color: 各异,
                                lineStyle: {
                                    width: 4,
                                }
                            },
                        },
                        data: [
                            // {
                            //     value: [100, 8, 0.40, 20, 2000,100],
                            //     name: '图一',
                            //     label: {
                            //         normal: {
                            //             show: true,
                            //             fontSize:8
                            //         }
                            //     },
                            //     areaStyle: {
                            //         normal: {
                            //             color: 'rgba(245, 192, 143, 1)',
                            //
                            //         }
                            //     },
                            //     lineStyle:{
                            //         color: 'rgba(245, 192, 143, 1)'
                            //     }
                            // },
                            {
                                value: KingVue.raderData,
                                name: '图二',
                                areaStyle: {
                                    normal: {
                                        color: 'rgba(117, 179, 187, 1)',

                                    }
                                },
                                lineStyle: {
                                    color: 'rgba(117, 179, 187, 1)'
                                },
                                label: {
                                    normal: {
                                        show: true,
                                        fontSize: 8,
                                        color: "#898ca1"
                                    }
                                }
                            }
                        ]
                    }
                ]
            }

            mycharts3.setOption(option3);
        }

        function treeChart(lineYear,lineData) {
            var mycharts4 = echarts.init(document.getElementById("treeChart"));
            option4 = {
                color: ['#69b4bd'],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    // left: '3%',
                    // right: '4%',
                    // bottom: '0%',
                    // top: "20px",
                    left: '10px',
                    right: '10px',
                    bottom: '10px',
                    top: '20px',
                    containLabel: true
                },
                xAxis: [
                    {
                        type: 'category',
                        data: lineYear,
                        axisTick: {
                            alignWithLabel: true
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        // name:'直接访问',
                        type: 'bar',
                        barWidth: '60%',
                        data: lineData,
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                {offset: 0, color: '#69b4bd'},
                                {offset: 0.5, color: '#afd7dc'},
                                {offset: 1, color: '#ffffff'}
                            ]
                        ),
                        itemStyle: {
                            barBorderRadius: [5, 5, 0, 0]
                        }

                    }
                ]
            };
            mycharts4.setOption(option4);
        }


        // var mycharts6 = echarts.init(document.getElementById("colorChart"));
        // mycharts6.showLoading();
        //
        // $.get('../data/masterPainterColorChoice.json', function (json) {
        //     mycharts6.hideLoading();
        //
        //     var data = json[0].x.map(function (x, idx) {
        //         return [+x, +json[0].y[idx]];
        //     });
        //
        //     mycharts6.setOption(option = {
        //         title: {
        //             subtext: 'N-index A-index I-index P-index #Publication #Citation',
        //             left: 'left'
        //         },
        //         tooltip: {
        //             trigger: 'axis',
        //             axisPointer: {
        //                 type: 'cross'
        //             }
        //         },
        //         xAxis: {
        //             type: 'value',
        //             splitLine: {
        //                 show: false
        //             },
        //             scale: true,
        //             splitNumber: 5,
        //             max: 'dataMax',
        //             axisLabel: {
        //                 formatter: function (val) {
        //                     return val + 's';
        //                 }
        //             }
        //         },
        //         yAxis: {
        //             type: 'value',
        //             min: 0,
        //             max: 360,
        //             interval: 60,
        //             name: '',
        //             splitLine: {
        //                 show: false
        //             }
        //         },
        //         series: [{
        //             name: 'scatter',
        //             type: 'scatter',
        //             symbolSize: function (val, param) {
        //                 return json[0].marker.size[param.dataIndex] / json[0].marker.sizeref;
        //             },
        //             itemStyle: {
        //                 normal: {
        //                     color: function (param) {
        //                         return json[0].marker.color[param.dataIndex];
        //                     }
        //                 }
        //             },
        //             data: data
        //         }]
        //     });
        // });

        $(document).ready(function () {
            $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
        });


    </script>
</body>
</html>